<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {};
  },
  created() {
    let that = this;
    this.$addCustomRouter(
      that.$store.dispatch("requestData", {
        path: "/getCustomRouter",
        data: { type: "type" },
      })
    )
      .then(() => {
        console.log("end!", this.$router.getRoutes());
      })
      .catch((v) => {
        console.log(v);
      });
  },
};
</script>

<style lang="less">
@base: 23.44rem;
html {
  width: 100%;
  height: 100%;
  body {
    width: 100%;
    height: 100%;
  }
}
body {
  padding: 0;
  margin: 0;
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  li,
  ol,
  p {
    padding: 0;
    margin: 0;
  }
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  font-size: 12px;
  width: 100%;
  height: 100%;
}
</style>
